{% extends 'base/front_base.html' %}

{% block title %}
    登陆小饭桌
{% endblock %}
{% block head %}
    <link rel="stylesheet" href="{% static 'css/auth/auth.css' %}">
{% endblock %}
{% block main %}
    <form action="" method="post">{% csrf_token %}
        <div class="main-auth-group">
            <div class="top-group">
                <span class="title">请登陆</span>
                <a href="{% url 'xfzauth:register' %}" class="more-link">请注册</a>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <input type="text" class="form-control" name="telephone" placeholder="请输入手机号码">
                </div>
                <div class="input-group">
                    <input type="password" class="form-control" name="password" placeholder="请输入密码">
                </div>
                <div class="input-group">
                    <lable for="">
                        <input type="checkbox" name="remember" value="1">记住我
                    </lable>
                    <a href="#" class="forget-pwd">忘记密码?</a>
                </div>
                {% if messages %}
                    <div class="input-group">
                        {#消息提醒#}
                        {% for message in messages %}
                            <p style="text-align: center;color: red">{{ message }}</p>
                        {% endfor %}
                    </div>
                {% endif %}
                <div class="input-group">
                    <button class="submit-btn">登 陆</button>
                </div>
            </div>
        </div>
    </form>
{% endblock %}

